<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:fb="http://ogp.me/ns/fb#"
	xmlns:g="http://base.google.com/ns/1.0">
<h:head>
	<title>#{videoChiTietBean.title}</title>
	<script>
		$(document).ready(function(){
			$('#nav-video').addClass('active');
		});
	</script>
</h:head>
<body>
<div id="fb-root"></div>

	<div class="container">
		<div class="row">
			<ul class="list-inline location-page">
				<li><a href="/#{lang['web.url']}/video/" title="#{lang['web.title.video']}">#{lang['web.title.video']}</a></li>
				<li>#{videoChiTietBean.title}</li>
			</ul>
		</div>
	</div>
	<!-- NỘI DUNG CÁC NGHÊ NGHIỆP -->
	<div class="container">
		<div class="row">
			<div class="hidden-md cls-div-end"></div>
		</div>
		<h:panelGroup rendered="#{!videoChiTietBean.exitsVideo}">
			<h1>#{!videoChiTietBean.title}</h1>
		</h:panelGroup >
		
		<h:panelGroup rendered="#{videoChiTietBean.exitsVideo}">
			<div class="row">
				<!-- NỘI DUNG VIDEO -->
				<div class="col-md-9 col-sm-9 col-xs-12 video-main">
					<div class="">
						<iframe id="player" type="text/html" style="width:100%;height:500px;" src="http://www.youtube.com/embed/#{videoChiTietBean.n500Info.keylink}" frameborder="0" allowfullscreen="true"></iframe>
					</div>
				</div>
				<!--END NỘI DUNG VIDEO-->
				
				<div class="col-md-3 col-sm-3 col-xs-12 video-detail">
					<h3 class="video-title">#{videoChiTietBean.n500Info.tenvideo}</h3>
					<p class="video-direction">#{videoChiTietBean.n500Info.tomtat}</p>
					<!-- share tren cac mang xa hoi -->
					<div class="table-responsive video-info">      
	       				<table class="table table-striped table-bordered">
	       					<tbody>
								<tr>
									<td class="video-tb-td">#{lang['web.title.ngaydang']}:</td>
									<td><h:outputText value="#{videoChiTietBean.n500Info.ngaytao}"><f:convertDateTime pattern="dd/MM/yyyy hh:mm:ss" ></f:convertDateTime> </h:outputText></td>
								</tr>
								<tr>
									<td class="video-tb-td">#{lang['web.title.theloai']}:</td>
									<td>#{videoChiTietBean.n500Info.tenmuc}</td>
								</tr>
								<tr>
									<td class="video-tb-td">#{lang['web.title.nguon']}:</td>
									<td>#{videoChiTietBean.n500Info.nguon}</td>
								</tr>
								<tr>
									<td class="video-tb-td">#{lang['web.title.luotxem']}:</td>
									<td>#{videoChiTietBean.n500Info.luotxem}</td>
								</tr>
							</tbody>
	       				</table>
					</div>
					<div class="addthis_sharing_toolbox video-share-cocial"></div>
				</div>
				
				<!-- comment facebook -->
				<div class="col-md-9 col-sm-9 col-xs-12 comment-facebook">
					<div role="tabpanel">
	
					  <!-- Nav tabs -->
					  <ul class="nav nav-tabs" role="tablist">
					    <li role="presentation" class="active"><a href="#id-comment-facebook" aria-controls="home" role="tab" data-toggle="tab" class="tab-comment tab-commnet-facebook">Facebook</a></li>
					    <li role="presentation" class=""><a href="#id-comment-google" aria-controls="profile" role="tab" data-toggle="tab" class="tab-comment tab-comment-google">Google+</a></li>
					  </ul>
					
					  <!-- Tab panes -->
					  <div class="tab-content">
					  	<!-- comment facebook -->
					    <div role="tabpanel" class="tab-pane active" id="id-comment-facebook">
					    	<fb:comments href="#{lang['LINKWEB']}/#{lang['web.language']}/video/#{videoChiTietBean.n500Info.md5video}/" width="100%" numposts="3" colorscheme="light"></fb:comments>
					    </div>
					    <!-- comment google+ -->
					    <div role="tabpanel" class="tab-pane" id="id-comment-google">
							<g:comments view_type="FILTERED_POSTMOD" first_party_property="BLOGGER" width="845" href="#{lang['LINKWEB']}/#{lang['web.language']}/video/#{videoChiTietBean.n500Info.md5video}/"></g:comments>
					    </div>
					  </div>
					
					</div>
				</div>
			</div>
		</h:panelGroup >
	</div>
	<!--END NỘI DUNG TIN TỨC -->
</body>
</html>